<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<title>形制</title>
	</head>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

	<body>
		<!--用导航条写一个头部-->

		<head>
			<div class="navbar navbar-default container" id="header" style="z-index: 2;background-color: white;border: none;">
				<div class="navbar-header">
					<a class="navbar-brand" href="">着华夏之裳，兴礼仪之邦</a>
					<button class="navbar-toggle" data-toggle="collapse" data-target="#shownav">
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		    </button>
				</div>
				<ul id="shownav" class="nav navbar-nav collapse navbar-collapse navbar-right">
					<li>
						<a href="/index"> <span class="glyphicon glyphicon-home"></span>首页</a>
					</li>
					<li>
						<a href="/lishi"><span class="glyphicon glyphicon-chevron-right"></span>历史</a>
					</li>
					<li>
						<a href="/xingzhi"><span class="glyphicon glyphicon-heart-empty"style="padding-right: 5px;"></span>形制</a>
					</li>
					<li>
						<a href="/zhoubian"><span class="glyphicon glyphicon-hand-right" style="padding-right: 5px;"></span>更多展示</a>
					</li>
				</ul>
			</div></head>
		<!--三张图片的一个轮播效果呀-->
		<body>
		   	
		  
			<div class="container" style="margin-top: -19px;"> 
			<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner">
			<div class="item active">
			<img src="img/xingzhi/C1.jpg" width="1200" height="1000" class="active" data-toggle="tooltip" alt="第一张" title="图片一啊">
			<div class="carousel-caption">
		      </div>
			</div>
			
			<div class="item">
			<img src="img/xingzhi/C2.jpg" width="1200" height="1000" class="" alt="第二张">	
			<div class="carousel-caption">
		      </div>
			</div>
			
			<div class="item">
			<img src="img/xingzhi/C3.jpg"width="1200" height="1000"  class="" alt="第三张">
			<div class="carousel-caption">
		      </div>
			</div>
			</div>
			<a href="#myCarousel" data-slide="prev" class="carousel-control left"><span class="glyphicon glyphicon-chevron-left"></span>	</a>
			<a href="#myCarousel" data-slide="next" class="carousel-control right"><span class="glyphicon glyphicon-chevron-right"></span></a>
		</div>
			</div>
		<!--中间内容    ，就是一些文字，用了文字居中而已-->

		<body>
			<p></p>
			<div class="container">
				<div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div class="col-lg-11 col-md-8 col-sm-11 col-xs-12">
						 <div class="thumbnail col-lg-12"> 
							<div class="col-lg-3">
								<img src="img/xingzhi/C12.jpg" class="img-responsive center-block" />
							</div>
							<div class="col-lg-9" style="text-align: center;" >
								<h4 class="media-heading"  style="padding-top: 20px;overflow: hidden;white-space: normal;text-overflow: ellipsis;"><b>襦裙</b></h4>
								<p id="text" style="margin-top: 30px;" class="hidden-xs">襦裙出现在战国时期，兴起于魏晋南北朝。襦裙属于汉服的一种，上身穿的短衣和下身束的裙子合称襦裙，是典型的“上衣下裳”衣制。上衣叫做“襦”，长度较短，一般长不过膝，下身则叫“裙”。可见，“襦裙”其实是两种衣物的合称。</p>
							</div>
							<!--<div class="media-bottom"></div>-->
						</div>
					</div>
					 <div class="col-lg-11 col-md-8 col-sm-11 col-xs-12">
						<div class="thumbnail col-lg-12"> 
							<div class="col-lg-3">
								<img src="img/xingzhi/C9.jpg"  class="img-responsive center-block"/>
							</div>
							<div class="col-lg-9" style="text-align: center;" >
								<h4 class="media-heading" style="padding-top: 20px;"><b>唐代大袖衫</b></h4>
								<p id="text" style="margin-top: 30px;" class="hidden-xs">盛唐以后，女服的样式日趋宽大。到了中晚唐时期，这种特点更加明显，一般妇女服装，袖宽往往四尺以上。中晚唐之际的贵族礼服，一般多在重要场合穿着，如朝参、礼见及出嫁等。穿着这种礼服，发上还簪有金翠花钿，所以又称“钿钗礼衣”。大袖衫裙样式为大袖、对襟，佩以长裙、披帛。以纱罗作女服的衣料，是唐代服饰中的一个特点，这和当时的思想开放有密切关系。尤其是不着内衣，仅以轻纱蔽体的装束，更是创举，所谓“绮罗纤缕见肌肤”，就是对这种服装的概括。</p>
	
							</div>
							<!--<div class="media-bottom"></div>-->
						</div>
					</div>
					 <div class="col-lg-11 col-md-8 col-sm-11 col-xs-12">
						<div class="thumbnail col-lg-12"> 
							<div class="col-lg-3">
								<img src="img/xingzhi/C7.jpg" class="img-responsive center-block" />
							</div>
							<div class="col-lg-9" style="text-align: center;" >
								<h4 class="media-heading" style="padding-top: 20px;"><b>圆领衫</b></h4>
								<p id="text" style="margin-top: 30px;" class="hidden-xs">唐代圆领衫是汉族男子重要服饰之一，那时候圆领衫多是窄袖。到了宋朝，圆领衫出现方袖，由于当时崇尚节俭，所以那时圆领衫色彩比较单一。相比之下唐朝圆领衫较为华丽一些。到了明朝圆领衫更进一步，在肩膀上出现了代替系带的铜纽扣。明制圆领衫还有部分琵琶袖。且穿圆领衫、戴乌纱帽、着长筒靴、束腰带成为明朝官员正式上朝服饰。这时官员的圆领衫出现了表示等级的禽鸟走兽图案。
							</div>
							<!--<div class="media-bottom"></div>-->
						</div>
					</div>
					 <div class="col-lg-11 col-md-8 col-sm-11 col-xs-12">
						<div class="thumbnail col-lg-12"> 
							<div class="col-lg-3">
								<img src="img/xingzhi/C4.jpg" class="img-responsive center-block" />
							</div>
							<div class="col-lg-9" style="text-align: center;" >
								<h4 class="media-heading" style="padding-top: 20px;"><b>袄裙</b></h4>
								<p id="text" style="margin-top: 30px;" class="hidden-xs">袄裙是指上衣在裙子之外的女装，是汉族传统女装的一一种通称，袄是袄，裙是裙。目前普遍认同的是“袄”为有衬里或夹层的上衣，“衫 ”为单衣。</p>

							</div>
							<!--<div class="media-bottom"></div>-->
						</div>
					</div>
					 <div class="col-lg-11 col-md-8 col-sm-11 col-xs-12">
						<div class="thumbnail col-lg-12"> 
							<div class="col-lg-3">
								<img src="img/xingzhi/C5.jpg" class="img-responsive center-block" />
							</div>
							<div class="col-lg-9" style="text-align: center;" >
								<h4 class="media-heading" style="padding-top: 20px;"><b>短褐</b></h4>
								<p id="text" style="margin-top: 30px;" class="hidden-xs">短褐的原意是用粗麻或兽毛编织的粗布上衣。常作为百姓方便活动、居家休闲、劳动服装或武术军服(作训服)穿着，但不宜在礼仪场合穿着。属于干净利落的休闲服装。</div>
							
						</div>
					</div>
				</div>
			</div>
			<p></p>
		</body>
		<!--底部-->
<div id="contact" name="contact">
  <div class="container">
    <div class="row">
      <h2 class="centered">留言：</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 centered">
        <p>给我们留言以改进我们的网站：</p>
        <form id="contact" method="post" class="form" role="form">
          <div class="row">
            <div class="col-xs-6 col-md-6 form-group">
              <input class="form-control" id="name" name="name" placeholder="姓名" type="text" required />
            </div>
            <div class="col-xs-6 col-md-6 form-group">
              <input class="form-control" id="phone" name="phone" placeholder="电话" type="phone" required />
            </div>
          </div>
          <textarea class="form-control" id="message" name="message" placeholder="建议..." rows="5"></textarea>
          <div class="row">
            <div class="col-xs-12 col-md-12">
              <button class="btn btn-success" type="submit" style="margin-bottom: 50px; margin-left: 700px; margin-top: 20px;">留言</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

		<script src="js/jquery1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#myCarousel').carousel({
				interval: 3000,
			})
			$('#text').tooltip();
			$('p').popover({
		html:true,
		
	});
		</script>
	</body>

</html>